<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<%@ taglib prefix="s" uri="/struts-tags"%>
<HTML>
 <HEAD>
  <TITLE> OTEP web services </TITLE>
  <META NAME="Generator" CONTENT="">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
  <link rel="stylesheet" type="text/css" href="../css/style.css">
  <link type="text/css" href="../css/smoothness/jquery-ui-1.8.5.custom.css" rel="stylesheet" />
  <link type="text/css" href="../css/flexigrid/flexigrid.css" rel="stylesheet" />
  
  <script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
  <script type="text/javascript" src="../js/jquery-ui-1.8.5.custom.min.js"></script>
  <script type="text/javascript" src="../js/flexigrid.js"></script>
  <script type="text/javascript" src="../js/JScore.js"></script>
  <script type="text/javascript" src="../js/apMessageBox.js"></script>
  <!-- tag url -->
  <s:url var="dialog1URL" value="/page/dialog1"/>
  <s:url var="dialog2URL" value="/page/dialog2"/>
	
	<!-- download urls -->
	<s:url var="mem_wsdl_download" value="/page/download/member-wsdl" />
	<s:url var="mpd_wsdl_download" value="/page/download/member-paid-dept-wsdl" />
	<s:url var="cert_download" value="/page/download/cert" />
	<s:url var="mem_schema_download" value="/page/download/member-schema" />
	<s:url var="mpd_schema_download" value="/page/download/member-paid-dept-schema" />
		
  <script type="text/javascript">
    
  	$(document).ready(function(){
		//tab's in main  page
		$("#tabs").tabs();

		
		
		var memPopup = $("#member-example-dialog").dialog({
			modal: true , 
			resizable: false,
			autoOpen: false, 
			width: 650,
			height: 490			
		});

		var mpdPopup = $("#mpd-example-dialog").dialog({
			modal: true , 
			resizable: false,
			autoOpen: false, 
			width: 650,
			height: 490
		});
		
		/*
		*/
		var errorDlg = $("#error_msg").dialog({
			modal: true , 
			resizable: false,
			autoOpen: false
			});
		
		$("#mem-exam-dlg").click(function(){					
			memPopup.load("${dialog1URL}").dialog("open");
			return false;
		})
		
		$("#mpd-exam-dlg").click(function(){
			mpdPopup.load("${dialog2URL}").dialog("open");
			return false;
		})
	});

  </script>
 </HEAD> 
 
 <BODY>

 	<!-- dialog section -->
 	<div id="member-example-dialog" title="ตัวอย่างการใช้  Web Service ในการค้นหาข้อมูลสมาชิก">
 		
	</div>


	<div id="mpd-example-dialog" title="ตัวอย่างการใช้  Web Service ในการค้นหาข้อมูลสมาชิก ที่ทำการจ่ายสินเชื่อแล้ว">
 		
	</div>
 	<!-- end dialog section -->
 	
 	
 	
 	<div id="wrapper">
 	<div id="header"> 	
		<img src="../images/otep_header.jpg" alt="Header">
	</div>
	<div id="content">
	
		<div id="tabs">
		<ul>
		<li><a href="#tab-content1">ข้อมูลสมาชิก ช.พ.ค - ช.พ.ส</a></li>
		<li><a href="#tab-content2">ข้อมูลชำระหนี้ค้างชำระ ช.พ.ค - ช.พ.ส</a></li>
		</ul>
		<div id="tab-content1">
		<h1>Description</h1>
		<div id="section-container">
			<h2>ข้อมูลรายละเอียดสมาชิก ช.พ.ค. – ช.พ.ส.</h2>			
			<div id="left-col" >
				<ul class="decimal-list">
					<li>ประเภทสมาชิก</li>
					<li>เลขสมาชิก ช.พ.ค. </li>
					<li>หมายเลขบัตรประชาชน</li>
					<li>ชื่อสมาชิก</li>
					<li>นามสกุลสมาชิก</li>
					<li>สถานะของสมาชิก</li>
					<li>จังหวัด</li>
					<li>อำเภอ</li>
					<li>สังกัด</li>
					<li>หน่วยงาน</li>
				</ul>
			</div>
			<div id="right-col" >
				<ul>
					<li>CPK = ช.พ.ค. , CPS = ช.พ.ส. </li>
					<li>(10)1234507890</li>
					<li>1234567890123</li>
					<li>สมหมาย</li>
					<li>สุขใจ</li>
					<li>เป็นสมาชิก , จำหน่าย , รออนุมัติจำหน่าย ฯ </li>
					<li>จังหวัดของสมาชิก</li>
					<li>อำเภอของสมาชิก</li>
					<li>สังกัดของสมาชิก</li>
					<li>หน่วยงานของสมาชิก</li>
				</ul>
			</div>
		
		</div>
		<h1>Property</h1>
		<div id="section-container">	
			<div id="left-col" >
				<ul>
					<li>Publisher</li>
					<li>Email</li>
					<li>Development tools</li>					
					<li>URL of WSDL</li>										
				</ul>
			</div>
			<div id="right-col" >
				<ul>
					<li>สำนักงานคณะกรรมการส่งเสริมสวัสดิการครูและบุคลากรทางการศึกษา (สก.สค.)</li>
					<li>&nbsp;--</li>
					<li>Java, Eclipse, Spring WS</li>
					<li><s:url var="mwsdlURL"
                	forceAddSchemeHostAndPort="true"              	 
                	value="/otep-ws/otep-member-services.wsdl"/>
                    <s:a href="%{mwsdlURL}">${mwsdlURL}</s:a></li>
				</ul>
			</div>			    
		</div>
		<h1>Input</h1>
		<div id="section-container">	
			<div id="left-col" >
				<ul>
					<li>รหัสผู้ใช้ ช.พ.ค</li>
					<li>หมายเลขบัตรประชาชน</li>
					<li>ชื่อสมาชิก</li>
					<li>นามสกุลสมาชิก</li>
					<li>ชื่อ-นามสกุล</li>
				</ul>
			</div>
			<div id="right-col" >
				<ul>
					<li>12345678900</li>
					<li>1234567890023</li>
					<li>สมหมาย</li>
					<li>สุขใจ</li>
					<li>สมหมาย สุขใจ </li>
				</ul>
			</div>			
			 
		</div>
		<h1>Output</h1>
		<div id="section-container">	
			<div id="left-col" >
				<ul>
					<li>ประเภทสมาชิก</li>
					<li>เลขสมาชิก ช.พ.ค. </li>
					<li>หมายเลขบัตรประชาชน</li>
					<li>ชื่อสมาชิก</li>
					<li>นามสกุลสมาชิก</li>
					<li>สถานะของสมาชิก</li>
					<li>จังหวัด</li>
					<li>อำเภอ</li>
					<li>สังกัด</li>
					<li>หน่วยงาน</li>
				</ul>
			</div>
			<div id="right-col" >
				<ul>
					<li>ช.พ.ค. 2545 </li>
					<li>CPK</li>
					<li>1234567890000</li>
					<li>สมหมาย</li>
					<li>สุขใจ</li>
					<li>เป็นสมาชิก</li>
					<li>กรุงเทพ</li>
					<li>รังสิต</li>
					<li>สังกัด</li>
					<li>หน่วยงาน</li>
				</ul>
			</div>											 
		</div>
		<h1>Download</h1>
		<div id="section-container" >			
				<ul id="navlist">
					<li><img src="../images/icon.jpg"> <s:a href="%{mem_wsdl_download}"> WSDL </s:a> </li>
					<li><img src="../images/icon.jpg"> <s:a href="%{cert_download}"> Certificate </s:a> </li>
					<li><img src="../images/icon.jpg"> <s:a href="%{mem_schema_download}"> Schemas </s:a> </li>
					<li><img src="../images/icon.jpg"> <s:a href="#" id="mem-exam-dlg">Example Code</s:a></li>
				</ul>
		</div>
		</div> 
		           
     		
		<div id="tab-content2">
		<h1>Description</h1>
		<div id="section-container">
		<h2>ข้อมูลรายละเอียดสมาชิก ช.พ.ค. – ช.พ.ส.</h2>			
			<div id="left-col" >
				<ul class="decimal-list">
					<li>ประเภทสมาชิก</li>
					<li>เลขสมาชิก ช.พ.ค. </li>
					<li>หมายเลขบัตรประชาชน</li>
					<li>ชื่อสมาชิก</li>
					<li>นามสกุลสมาชิก</li>
					<li>งวดเงินที่ชำระ</li>
					<li>จำนวนเงินที่ชำระ</li>
					<li>วันที่ชำระ</li>
					<li>สังกัด</li>
					<li>หน่วยงาน</li>
				</ul>
			</div>
			<div id="right-col" >
				<ul>
					<li>CPK = ช.พ.ค. , CPS = ช.พ.ส. </li>
					<li>(10)1234507890</li>
					<li>1234567890123</li>
					<li>สมหมาย</li>
					<li>สุขใจ</li>
					<li>12</li>
					<li>20,000</li>
					<li>27/12/2010</li>
					<li>สังกัดของสมาชิก</li>
					<li>หน่วยงานของสมาชิก</li>
				</ul>
			</div>
				
		</div>
		<h1>Property</h1>
		<div id="section-container">
		<div id="left-col" >
				<ul>
					<li>Publisher</li>
					<li>Email</li>
					<li>Development tools</li>					
					<li>URL of WSDL</li>										
				</ul>
			</div>
			<div id="right-col" >
				<ul>
					<li>สำนักงานคณะกรรมการส่งเสริมสวัสดิการครูและบุคลากรทางการศึกษา (สก.สค.)</li>
					<li>&nbsp;--</li>
					<li>Java, Eclipse, Spring WS</li>
					<li> <s:url var="mpdwsdlURL"
                	forceAddSchemeHostAndPort="true"                	 
                	value="/otep-ws/otep-member-paid-dept-services.wsdl"/>
                    <s:a href="%{mpdwsdlURL}">${mpdwsdlURL}</s:a>
					</li>
				</ul>
			</div>	
							 
		</div>
		<h1>Input</h1>
		<div id="section-container">		
			<div id="left-col" >
				<ul>
					<li>รหัสผู้ใช้ ช.พ.ค</li>
					<li>หมายเลขบัตรประชาชน</li>
					<li>ชื่อสมาชิก</li>
					<li>นามสกุลสมาชิก</li>
					<li>ชื่อ-นามสกุล</li>
				</ul>
			</div>
			<div id="right-col" >
				<ul>
					<li>12345678900</li>
					<li>1234567890023</li>
					<li>สมหมาย</li>
					<li>สุขใจ</li>
					<li>สมหมาย สุขใจ </li>
				</ul>
			</div>			
			 
		</div>
		<h1>Output</h1>
		<div id="section-container">
		<div id="left-col" >
				<ul>
					<li>ประเภทสมาชิก</li>
					<li>เลขสมาชิก ช.พ.ค. </li>
					<li>หมายเลขบัตรประชาชน</li>
					<li>ชื่อสมาชิก</li>
					<li>นามสกุลสมาชิก</li>
					<li>งวดเงินที่ชำระ</li>
					<li>จำนวนเงินที่ชำระ</li>
					<li>วันที่ชำระ</li>
					<li>สังกัด</li>
					<li>หน่วยงาน</li>
				</ul>
			</div>
			<div id="right-col" >
				<ul>
					<li>CPK = ช.พ.ค. , CPS = ช.พ.ส. </li>
					<li>(10)1234507890</li>
					<li>1234567890123</li>
					<li>สมหมาย</li>
					<li>สุขใจ</li>
					<li>12</li>
					<li>20,000</li>
					<li>27/12/2010</li>
					<li>สังกัดของสมาชิก</li>
					<li>หน่วยงานของสมาชิก</li>
				</ul>
			</div>
		</div>
		<h1>Download</h1>
		<div id="section-container">
				<ul id="navlist">
					<li><img src="../images/icon.jpg"> <s:a href="%{mpd_wsdl_download}"> WSDL </s:a> </li>
					<li><img src="../images/icon.jpg"> <s:a href="%{cert_download}"> Certificate </s:a> </li>
					<li><img src="../images/icon.jpg"> <s:a href="%{mpd_schema_download}"> Schemas </s:a> </li>
					<li><img src="../images/icon.jpg"> <s:a href="#" id="mpd-exam-dlg">Example Code</s:a></li>
				</ul>
		
		</div>
		</div>
		</div><!-- end div tab -->
	</div>	
		<div id="footer">
			<img src="../images/otep_footer.jpg" alt="Footer">
		</div>	
 	</div>
	
 </BODY>
</HTML>